<template>
  <div>
    <banner :list="list"></banner>
    <van-grid :gutter="10" column-num="3" icon-size="35px">
      <van-grid-item
        icon-prefix="iconfont"
        icon="nvzhuang"
        text="女装"
        to="/classify/1"
      />
      <van-grid-item
        icon-prefix="iconfont"
        icon="nanzhuang"
        text="男装"
        to="/classify/2"
      />
      <van-grid-item
        icon-prefix="iconfont"
        icon="nanxie"
        text="男鞋"
        to="/classify/3"
      />
      <van-grid-item
        icon-prefix="iconfont"
        icon="nvxie"
        text="女鞋"
        to="/classify/4"
      />
      <van-grid-item
        icon-prefix="iconfont"
        icon="muyingleimu"
        text="母婴类目"
        to="/classify/5"
      />
      <van-grid-item
        icon-prefix="iconfont"
        icon="tongzhuang-14"
        text="童装"
        to="/classify/6"
      />
    </van-grid>
  </div>
</template>

<script>
import banner from "@/components/BannerView.vue";
import { bannerQuery } from "@/model/goodsModel";
export default {
  components: {
    banner,
  },
  data() {
    return {
      keyword: "",
      list: [],
    };
  },
  methods: {
    gotolist() {
      this.$router.push("/classify");
    },
  },
  created() {
    bannerQuery().then((res) => {
      this.list = res.data;
    });
  },
};
</script>

 <style lang="scss" scoped>
.info {
  img {
    width: 360px;
  }
}
</style>